<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/templateInteresado.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="libreria"><h:outputStylesheet library="css" name="stylePostular.css" /></ui:define>

    <ui:define name="windowTitle">SAMUPG::Iniciar postulación</ui:define>

    <ui:define name="content">
        <p:growl />
        <h:form prependId="false">
            <div id="topContent" class="center_content">
                <h1>Postular a maestría/diplomatura</h1>
            </div>
            <p:commandButton value="Registrarse" action="#{postularController.registrarPostulacionAction}" ajax="false" 
                             style="margin-bottom: 15px;"/>
            <p:tabView widgetVar="wiz" id="tab" effect="slide" effectDuration="normal">
                <p:tab id="personal" title="Datos personales">
                    <p:panel header="Personal">
                        <h:panelGrid columns="2">
                            <h:outputLabel for="txtDNI" value="*DNI"/>
                            <p:inputText id="txtDNI" value="#{postularController.usuario.usuDni}" label="DNI" required="true"/>

                            <h:outputLabel for="txtApellidoPaterno" value="*Apellido Paterno"/>
                            <p:inputText id="txtApellidoPaterno" 
                                         value="#{postularController.usuario.usuApellidoPaterno}" 
                                         label="Apellido paterno" required="true"/>

                            <h:outputLabel for="txtApellidoMaterno" value="*Apellido Materno"/>
                            <p:inputText id="txtApellidoMaterno" 
                                         value="#{postularController.usuario.usuApellidoMaterno}" 
                                         label="Apellido materno" required="true"/>

                            <h:outputLabel for="txtNombres" value="*Nombres"/>
                            <p:inputText id="txtNombres" value="#{postularController.usuario.usuNombres}" label="Nombres" 
                                         required="true"/>

                            <h:outputLabel for="txtCorreo" value="*Correo"/>
                            <p:inputText id="txtCorreo" value="#{postularController.correo}" label="Correo" required="true"/>

                            <h:outputLabel for="txtTelef" value="Teléfono"/>
                            <p:inputText id="txtTelef" value="#{postularController.usuario.usuTelefono}" label="Teléfono" />
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="Información académica">
                        <h:panelGrid columns="2">
                            <h:outputLabel for="txtEspecialidad" value="*Especialidad"/>
                            <p:inputText id="txtEspecialidad" value="#{postularController.fichaInscripcion.fiEspecialidad}" label="Especialidad" 
                                         required="true"/>

                            <h:outputLabel for="txtInstitucion" value="*Institución"/>
                            <p:inputText id="txtInstitucion" value="#{postularController.fichaInscripcion.fiInstitucion}" 
                                         required="true" label="Institución" />

                            <h:outputLabel for="txtGrado" value="*Grado"/>
                            <p:inputText id="txtGrado" value="#{postularController.fichaInscripcion.fiGrado}" label="Grado" 
                                         required="true"/>
                        </h:panelGrid>
                    </p:panel>
                </p:tab>

                <p:tab id="carrera" title="Datos de carrera">
                    <h:outputText value="PROGRAMAS DE SU INTERES" />
                    <p:panel header="Maestrías">
                        <p:selectOneRadio value="#{postularController.opcionSeleccionada}" layout="pageDirection"
                                          id="slcordioMaestria">
                            <f:selectItems value="#{postularController.listMaestrias}" var="maestria"
                                           itemValue="#{maestria.mdId}" itemLabel="#{maestria.nombre}" />

                        </p:selectOneRadio>
                    </p:panel>
                    <p:panel header="Diplomados">
                        <p:selectOneRadio value="#{postularController.opcionExtraSeleccionada}" layout="pageDirection"
                                          id="slcordioDiplomado">
                            <f:selectItems value="#{postularController.listDiplomados}" var="diplomado"
                                           itemValue="#{diplomado.mdId}" itemLabel="#{diplomado.nombre}" />

                        </p:selectOneRadio>
                    </p:panel>
                </p:tab>
            </p:tabView>
        </h:form>
    </ui:define>
</ui:composition>
